<template>
      <div class="renDetails">
                  <img :src="data.img" alt="">
                  <div class="DetailsTitle">
                  <div class="DetailsName">{{data.DetailsName}}</div>
                  <div class="phone"> {{data.phone}}</div>
              </div>
              <div class="weiba" v-if="isshow==null">
                   <div class="Detailsdate">{{data.Detailsdate}}</div>
                  <div class="qianshu" v-if="isfalse==true"> {{data.qianshu}}</div>
              </div>
              <div v-else class="weibaone">
                <div class="nue">+55</div> 
              </div>
            </div>
</template>
<script>
export default {
  data() {
    return {};
  },

  mounted() {},
  methods: {},
  props: ["data", "isfalse", "isshow"],
  watch: {}
};
</script>
<style lang="scss" scoped>
.renDetails {
  background: #ffffff;
  padding: 0 0px 0 30px;
  width: 720px;
  height: 152px;
  border-bottom: 2px solid #e0e0e0;
  position: relative;
  img {
    height: 96px;
    width: 96px;
    position: absolute;
    left: 30px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto 0;
    border-radius: 4px;
  }
  .DetailsTitle {
    font-family: PingFangSC-Regular;
    position: absolute;
    left: 150px;
    top: 36px;
    line-height: 50px;
    .DetailsName {
      font-family: PingFangSC-Regular;
      font-size: 32px;
      color: #333333;
    }
    .phone {
      font-family: PingFangSC-Regular;
      font-size: 28px;
      color: #a5a5a5;
    }
  }
  .weibaone {
    position: absolute;
    right: 30px;
    top: 36px;
    line-height: 76px;
    .nue {
      font-family: SFUIText-Regular;
      font-size: 36px;
      color: #333333;
    }
  }
  .weiba {
    position: absolute;
    right: 30px;
    top: 36px;
    line-height: 50px;
    .Detailsdate {
      font-family: PingFangSC-Regular;
      font-size: 20px;
      color: #a5a5a5;
    }
    .qianshu {
      font-family: SFUIText-Regular;
      font-size: 32px;
      color: #333333;
    }
  }
}
</style>

